<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link href="img/favicon.ico" rel="shortcut icon">
		<title>小米商城 - 小米5s、红米Note 4、小米MIX、小米笔记本官方网站</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部-->
		<div class="head-top">
			<div class="cont">
				<div class="fl">
					<a href="#">小米商城</a>
					<span class="sep">|</span>
					<a href="#">MIUI</a>
					<span class="sep">|</span>
					<a href="#">米聊</a>
					<span class="sep">|</span>
					<a href="#">游戏</a>
					<span class="sep">|</span>
					<a href="#">多看阅读</a>
					<span class="sep">|</span>
					<a href="#">云服务</a>
					<span class="sep">|</span>
					<a href="#">金融</a>
					<span class="sep">|</span>
					<a href="#">小米商城移动版</a>
					<span class="sep">|</span>
					<a href="#">问题反馈</a>
					<span class="sep">|</span>
					<a href="#">Select Region</a>
				</div>
				<div class="fr">
					<div class="fl">
						<a href="#">登录</a>
						<span class="sep">|</span>
						<a href="#">注册</a>
						<span class="sep">|</span>
						<a href="#">消息通知</a>
					</div>
					<div class="fr shop" style="position: relative;">
						<a href="#" id="shop"><i style="font-size: 16px;margin-right: 3px;" class="iconfont"></i>购物车（0）</a>
						<div id="shop-ri">
							<p>购物车中还没有商品，赶紧选购吧！</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
		<!--分类搜索-->
		<div class="site-header fl">
			<div class="cont">
				<div class="header-logo">
					<a href="#"><img src="img/logo-footer.png" /></a>
				</div>
				<div class="header-nav">
					<ul>
						<li class="hide">
							<a href="#">小米手机</a>
						</li>
						<li class="hide">
							<a href="#">红米</a>
						</li>
						<li class="hide">
							<a href="#">平板 · 笔记本</a>
						</li>
						<li class="hide">
							<a href="#">电视</a>
						</li>
						<li class="hide">
							<a href="#">盒子 · 影音</a>
						</li>
						<li class="hide">
							<a href="#">路由器</a>
						</li>
						<li class="hide">
							<a href="#">智能硬件</a>
						</li>
						<li>
							<a href="#">服务</a>
						</li>
						<li>
							<a href="#">社区</a>
						</li>
					</ul>
				</div>
				<div class="header-search fr">
					<form>
						<input type="text" id="sea1" placeholder="搜索商品" />
						<input type="submit" id="sea2" value="搜索" />
					</form>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="header-hide">
			<div class="cont" id="hide-ul">
				<!--小米手机-->
				<ul>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/MIX-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米MIX</a>
							<p>3499元</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomi5S-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米5s</a>
							<p>1899元</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/5spluse320_220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米5s Plus</a>
							<p>2299元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/5spluse320_220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米手机5</a>
							<p>1599元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/maxdingbu!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Max</a>
							<p>1299元起</p>
						</div>
					</li>
				</ul>
				<!--红米-->
				<ul>
					<li>
						<div>
							<a href=""><img src="img/hongminote4!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">红米Note 4</a>
							<p>999元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/320-2202!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">红米4</a>
							<p>799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">红米4A</a>
							<p>599元</p>
						</div>
					</li>
				</ul>
				<!--平板笔记本-->
				<ul>
					<li>
						<div>
							<a href=""><img src="img/mipad2-16!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米平板2 16GB</a>
							<p>999元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/mipad2-64!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米平板2 64GB</a>
							<p>1299元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/mipad2-64-win!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米平板2 64GB Windows版</a>
							<p>1299元</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/bijiben32012.5!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米笔记本Air 12.5"</a>
							<p>3499元</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/bijiben320!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米笔记本Air 13.3"</a>
							<p>4999元</p>
						</div>
					</li>
				</ul>
				<!--电视-->
				<ul>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
					<li>
						<div>
							<a href=""><img src="img/xiaomiNOTE2-320-220!160x110.jpg" alt="" /></a>
						</div>
						<div class="hide-h">
							<a href="#">小米Note 2</a>
							<p>2799元起</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--轮播图-->
		<div class="content cont">
			<div class="site-category">
				<ul>
					<li class="site-li">
						<a href="">手机 电话卡</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">笔记本 平板</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">电视 盒子</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">路由器 智能硬件</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">移动电源 电池 插线板</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">耳机 音箱</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">保护套 贴膜</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">线材 支架 存储卡</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">箱包 服饰</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="site-li">
						<a href="">米兔 生活周边</a>
						<i class="fa fa-angle-right  fa-fw  fa-lg"></i>
						<div class="category-item">
							<ul>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
								<li>
									<img src="img/xmNOTE2-80.jpg" alt="" />
									<span>小米手机</span>
									<a href="#">选购</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<div class="pic">
				<a class="current" href="#"><img src="img/de3a0be1-a817-4262-9536-db47ae18b19b.jpg" alt="" /></a>
				<a href="#"><img src="img/9a959f96-e108-4e3e-9725-f6620f939986.jpg" alt="" /></a>
				<a href="#"><img src="img/a5b9da7e-35d8-436c-b9dd-b6f06fe725d0.jpg" alt="" /></a>
				<a href="#"><img src="img/156261da-1a35-4ffa-b70d-efe1d46704ed.jpg" alt="" /></a>
				<a href="#"><img src="img/78f36bf8-f4d8-4f8a-afe6-24cd7721ccbe.jpg" alt="" /></a>
			</div>
			<div class="indicator">
				<span class="active"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
			<div class="page">
				<span class="prev"></span>
				<span class="next"></span>
			</div>
		</div>
		<div class="cont home">
			<div class="home-channel">
				<ul class="home-channel-list clearfix">
					<li>
						<a href="">
							<i class="iconfont"></i> 选购手机
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i></i>企业团购
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>官翻产品
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>小米移动
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>以旧换新
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont"></i>话费充值
						</a>
					</li>
				</ul>
			</div>
			<div class="home-promo">
				<ul class="home-promo-list clearfix">
					<li>
						<a href=""> <img src="img/2281c3b6-ffc0-46a5-96d4-c1be059bbd21.jpg" /> </a>
					</li>
					<li>
						<a href=""> <img src="img/6fc54145-c419-41c0-9253-a2169fd72ae5.jpg" /> </a>
					</li>
					<li>
						<a href=""> <img src="img/7070c82d-8d49-49dd-b2eb-7d1fceb0c299.jpg" /> </a>
					</li>
				</ul>
			</div>
		</div>
		<!--小米明星单品-->
		<div class="sku">
			<div class="cont">
				<div class="box-hd clearfix">
					<h2>小米明星单品</h2>
					<div class="more">
						<div class="xm-controls">
							<a href="javascript:void(0);" class="on-left"><i class="fa fa-angle-left fa-lg"></i></a>
							<a href="javascript:void(0);" class="on-right"><i class="fa fa-angle-right fa-lg"></i></a>
						</div>
					</div>
				</div>
				<div class="box-bd">
					<div class="xm-carousel-wrapper">
						<ul class="xm-carousel-list">
							<li style="border-top:1px solid #ffac13;">
								<a href=""><img src="img/725a37e3-78b7-4298-8098-c40097bf179d.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #83c44e;">
								<a href=""><img src="img/3c2eb703-e600-4cd7-934f-699825d4c2e4.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #2196f3;">
								<a href=""><img src="img/17fc57e5-e332-4452-bba4-ef341f6e59fd.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #e53935;">
								<a href=""><img src="img/31ae6df6-b672-491e-ab95-7b83a965c694.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #00c0a5">
								<a href=""><img src="img/848def18-47d9-4ca0-8822-c2ac61b83779.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #ffac13;">
								<a href=""><img src="img/0906bec7-68ad-41e9-9617-fb6550725a85.jpg" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #83c44e;">
								<a href=""><img src="img/c8c48bbb-5c57-4fa6-9bea-7abd7f24a13a.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #2196f3;">
								<a href=""><img src="img/c8c48bbb-5c57-4fa6-9bea-7abd7f24a13a.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #e53935;">
								<a href=""><img src="img/de35852a-1be5-4ef5-846f-dcdd2efcfea6.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
							<li style="border-top:1px solid #00c0a5">
								<a href=""><img src="img/eb09500f-bad2-43de-8b94-2cc17c30de71.png" /></a>
								<h3 class="title"><a href="#">小米笔记本</a></h3>
								<p class="desc">更轻更薄，像杂志一样随身携带</p>
								<p class="price">3499元起</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div style="width: 100%;height:100%;background: #f5f5f5;padding-top: 60px;min-width: 1226px;">
			<div class="cont">
				<!--智能硬件-->
				<div class="aptitude">
					<div class="aptitude-hd clearfix">
						<h2>智能硬件</h2>
						<div class="aptitude-controls">
							<div>
								<a href="javascript:void(0);">查看全部<i class="fa fa-angle-right fa-lg"></i></a>
							</div>
						</div>
					</div>
					<div class="aptitude-bd">
						<div class="aptitude-bd-left fl">
							<ul>
								<li>
									<a href=""><img src="img/T1RHJgBmJv1RXrhCrK.jpg" /></a>
								</li>
							</ul>
						</div>
						<div class="aptitude-bd-right fr">
							<ul class="aptitude-bd-list">
								<li>
									<a href=""><img src="img/pms_1468806372.46368911!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1478656331.65637548!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1464615180.86261317!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/T1OVC_ByY_1RXrhCrK!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1481507050.2285518!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1473125484.8332236!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1479182984.26159750!220x220.jpg" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
								<li>
									<a href=""><img src="img/cbabf443-1ff1-4014-a1bf-06c45476f1e6.png" /></a>
									<h3 class="title"><a href="#">米家小白智能摄像机</a></h3>
									<p class="desc">360° 全景拍摄，1080P 高清摄像</p>
									<p class="price">399</p>
								</li>
							</ul>
						</div>
					</div>

				</div>
				<!--搭配-->
				<div class="Public clearfix">
					<!--标题-->
					<div class="Public-title">
						<h2>搭配</h2>
						<!--右边tab切换-->
						<div class="Public-tab">
							<ul>
								<li>热门</li>
								<li>耳机音箱</li>
								<li>电源</li>
								<li>电池存储卡</li>
							</ul>
						</div>
					</div>
					<div class="Public-cont clearfix">
						<!--列表左边-->
						<div class="Public-left fl">
							<ul>
								<li style="margin-bottom: 14px;">
									<a href=""><img src="img/afd3f68d-13d8-4177-8c6f-da56fc45abaf.jpg" /></a>
								</li>
								<li>
									<a href=""><img src="img/21dc127c-77ad-48fb-b7c1-bf382a711221.jpg" /></a>
								</li>
							</ul>
						</div>
						<!--列表右边-->
						<div class="Public-right fr">
							<ul>
								<li>
									<a href=""><img src="img/T1pZbvBTET1RXrhCrK.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1482816047.72829695.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1478510064.36397738.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1481269289.59498154.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1482321199.12589253.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li>
									<a href=""><img src="img/pms_1478248721.42297795.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li>
									<a href=""><img src="img/T1F5K_BjVv1RXrhCrK.jpg" /></a>
									<h3><a href="#">  小米移动电源5000mAh  </a></h3>
									<p class="orange">49元</p>
									<p class="gray">9.8万人评价</p>
								</li>
								<li class="Public-li-s">
									<div class="figure-img">
										<a href=""><img src="img/T1ycK_BjYv1RXrhCrK.jpg" /></a>
									</div>
									<div class="figure-title">
										<h3><a href="">变形金刚...</a></h3>
										<p class="orange">169元</p>
									</div>
								</li>
								<li class="Public-li-m">
									<div class="figure-img">
										<a href=""><img src="img/left.jpg" /></a>
									</div>
									<div class="figure-title">
										<h2><a href="">浏览更多</a></h3>
									<p class="gray" style="margin: 0;">热门</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--配件-->
								<div class="Public clearfix">
					<!--标题-->
					<div class="Public-title">
						<h2>配件</h2>
										<!--右边tab切换-->
										<div class="Public-tab">
											<ul>
												<li>热门</li>
												<li>耳机音箱</li>
												<li>电源</li>
												<li>电池存储卡</li>
											</ul>
										</div>
									</div>
									<div class="Public-cont clearfix">
										<!--列表左边-->
										<div class="Public-left fl">
											<ul>
												<li style="margin-bottom: 14px;">
													<a href=""><img src="img/0ff2c84c-d0e6-4232-b0fb-2cebefd1a207.jpg" /></a>
												</li>
												<li>
													<a href=""><img src="img/7ea69b5f-0497-4884-8341-08d204a2a57a.jpg" /></a>
												</li>
											</ul>
										</div>
										<!--列表右边-->
										<div class="Public-right fr">
											<ul>
												<li>
													<a href=""><img src="img/T12AWgB5Vv1RXrhCrK!220x220.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li>
													<a href=""><img src="img/T1JzxQBydv1RXrhCrK!220x220.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li>
													<a href=""><img src="img/pms_1469787847.44636521!220x220.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li>
													<a href=""><img src="img/pms_1474888499.19594663!220x220.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li>
													<a href=""><img src="img/T10Eb_BmAv1RXrhCrK!220x220.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li>
													<a href=""><img src="img/T1WLx_BgVv1RXrhCrK.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li>
													<a href=""><img src="img/pms_1478582944.11632313!220x220.jpg" /></a>
													<h3><a href="#">  小米移动电源5000mAh  </a></h3>
													<p class="orange">49元</p>
													<p class="gray">9.8万人评价</p>
												</li>
												<li class="Public-li-s">
													<div class="figure-img">
														<a href=""><img src="img/T1ZhE_ByDv1RXrhCrK!220x220.jpg" /></a>
													</div>
													<div class="figure-title">
														<h3><a href="">变形金刚...</a></h3>
														<p class="orange">169元</p>
													</div>
												</li>
												<li class="Public-li-m">
													<div class="figure-img">
														<a href=""><img src="img/left.jpg" /></a>
													</div>
													<div class="figure-title">
														<h2><a href="">浏览更多</a></h3>
									<p class="gray" style="margin: 0;">热门</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--周边-->
								<div class="Public clearfix">
					<!--标题-->
					<div class="Public-title">
						<h2>周边</h2>
														<!--右边tab切换-->
														<div class="Public-tab">
															<ul>
																<li>热门</li>
																<li>耳机音箱</li>
																<li>电源</li>
																<li>电池存储卡</li>
															</ul>
														</div>
													</div>
													<div class="Public-cont clearfix">
														<!--列表左边-->
														<div class="Public-left fl">
															<ul>
																<li style="margin-bottom: 14px;">
																	<a href=""><img src="img/8659c3ce-73c4-45df-8ee6-588b910b5e8b.jpg" /></a>
																</li>
																<li>
																	<a href=""><img src="img/a4e7d53b-527e-4c5e-9bab-54acb3cb3757.jpg" /></a>
																</li>
															</ul>
														</div>
														<!--列表右边-->
														<div class="Public-right fr">
															<ul>
																<li>
																	<a href=""><img src="img/eea5c9e7-ba21-4131-9945-89a296413b6e.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li>
																	<a href=""><img src="img/d0fef67b-8f3c-4b5a-af8d-0f588b946f6a.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li>
																	<a href=""><img src="img/bc5ef4c1-69e8-48c3-8eda-eadddc6914c4.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li>
																	<a href=""><img src="img/8c0fc1e7-baa3-4198-a6de-313b12e8c85e.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li>
																	<a href=""><img src="img/pms_1469410489.30412121!220x220.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li>
																	<a href=""><img src="img/pms_1479182984.26159750!220x220.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li>
																	<a href=""><img src="img/pms_1481178479.88974286!220x220.jpg" /></a>
																	<h3><a href="#">  小米移动电源5000mAh  </a></h3>
																	<p class="orange">49元</p>
																	<p class="gray">9.8万人评价</p>
																</li>
																<li class="Public-li-s">
																	<div class="figure-img">
																		<a href=""><img src="img/pms_1463971828.3961404!220x220.jpg" /></a>
																	</div>
																	<div class="figure-title">
																		<h3><a href="">变形金刚...</a></h3>
																		<p class="orange">169元</p>
																	</div>
																</li>
																<li class="Public-li-m">
																	<div class="figure-img">
																		<a href=""><img src="img/left.jpg" /></a>
																	</div>
																	<div class="figure-title">
																		<h2><a href="">浏览更多</a></h3>
									<p class="gray" style="margin: 0;">热门</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--为你推荐-->
				<div class="sku" style="margin-bottom: 0;">
					<div class="cont">
						<div class="box-hd clearfix">
							<h2>为你推荐</h2>
																		<div class="more">
																			<div class="xm-controls">
																				<a href="javascript:void(0);" class="on-left"><i class="fa fa-angle-left fa-lg"></i></a>
																				<a href="javascript:void(0);" class="on-right"><i class="fa fa-angle-right fa-lg"></i></a>
																			</div>
																		</div>
																	</div>
																	<div class="box-bd" style="margin-top: 20px;">
																		<div class="xm-carousel-wrapper">
																			<ul class="xm-carousel-list xm-carousel-box-bd">
																				<li>
																					<a href=""><img src="img/pms_1469583247.6157588.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1464071511.37197399.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1474859997.10825620.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1476425068.41165435.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1483942428.16162503.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1476688193.46995320.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1478076543.58248227.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1476425102.6997704.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1465366178.11466342.jpg" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																				<li>
																					<a href=""><img src="img/pms_1470288129.01686992.jpg.png" /></a>
																					<h3 class="title"><a href="#">小米笔记本</a></h3>
																					<p class="desc">更轻更薄，像杂志一样随身携带</p>
																					<p class="price">3499元起</p>
																				</li>
																			</ul>
																		</div>
																	</div>
														</div>
													</div>
													<!--热评产品-->
													<div>
														<div class="Public-title">
															<h2>热评产品</h2>
														</div>
														<div class="buzz clearfix">
															<ul>
																<li>
																	<a href="">
																		<img src="img/bae79ac6-60d5-478d-90e7-ff1222764bd1.jpg" />
																	</a>
																	<div>
																		<p class="review">超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</p>
																		<p class="author"> 来自于 田密 的评价 </p>
																		<div class="info">
																			<h3>小米随身蓝牙音箱</h3>
																			<span>|</span>
																			<p>69元</p>
																		</div>
																	</div>
																</li>
																<li>
																	<a href="">
																		<img src="img/8949026b-fa9a-4370-989b-5d5e2f149106.jpg" />
																	</a>
																	<div>
																		<p class="review">我就是喜欢这样的路由器，我每天回到家都要连着WiFi上网，上班就没办法连着呢！每次都等待着下班，我好...</p>
																		<p class="author"> 来自于 欧阳长 的评价 </p>
																		<div class="info">
																			<h3>小米路由器3</h3>
																			<span>|</span>
																			<p>149元</p>
																		</div>
																	</div>
																</li>
																<li>
																	<a href="">
																		<img src="img/62d44838-f464-4c11-887c-9168645ae797.jpg" />
																	</a>
																	<div>
																		<p class="review">这箱子很好，外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</p>
																		<p class="author">来自于 子书雁 的评价</p>
																		<div class="info">
																			<h3>90分旅行箱 20寸</h3>
																			<span>|</span>
																			<p>299元</p>
																		</div>
																	</div>
																</li>
																<li>
																	<a href="">
																		<img src="img/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpg" />
																	</a>
																	<p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>

																	<p class="author"> 来自于 HZG 的评价 </p>
																	<div class="info">
																		<h3>米家压力IH电饭煲</h3>
																		<span>|</span>
																		<p>999元</p>
																	</div>
																</li>
															</ul>
														</div>
													</div>
													<!--内容-->
													<div class="clearfix">
														<div class="Public-title">
															<h2>内容</h2>
														</div>
														<div class="conten clearfix">
															<ul class="content-list">
																<li style="border-top: 1px solid #ffac13;">
																	<h2 style="color: #ffac13;">图书</h2>
																	<div class="item-list">
																		<ul class="item-list-ul">
																			<li>
																				<h4>哈利·波特与被诅咒的孩子</h4>
																				<p class="descs">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
																				<p class="prices">29.37元</p>
																				<div>
																					<img src="img/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt="" />
																				</div>
																			</li>
																		</ul>
																	</div>
																	<div class="xm-pagers-wrapper">
																		<ul>
																			<li class="pager-active"><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																		</ul>
																	</div>
																</li>
																<li style="border-top: 1px solid #83c44e;">
																	<h2 style="color: #83c44e;">MIUI 主题</h2>
																	<div class="item-list">
																		<ul class="item-list-ul">
																			<li>
																				<h4>bilibili拜年祭</h4>
																				<p class="descs">bilibili拜年祭</p>
																				<p class="prices">免费</p>
																				<div>
																					<img src="img/09a479d5-ea47-4f70-9fe4-c6430b636baf.jpg" alt="" />
																				</div>
																			</li>
																		</ul>
																	</div>
																	<div class="xm-pagers-wrapper">
																		<ul>
																			<li class="pager-active"><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																		</ul>
																	</div>
																</li>
																<li style="border-top: 1px solid #e53935;">
																	<h2 style="color: #e53935;">游戏</h2>
																	<div class="item-list">
																		<ul class="item-list-ul">
																			<li>
																				<h4>米柚手游模拟器</h4>
																				<p class="descs">在电脑上玩遍小米所有手游</p>
																				<p class="prices">免费</p>
																				<div>
																					<img src="img/T1czW_BXCv1R4cSCrK (1).png" alt="" />
																				</div>
																			</li>
																		</ul>
																	</div>
																	<div class="xm-pagers-wrapper">
																		<ul>
																			<li class="pager-active"><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																		</ul>
																	</div>
																</li>
																<li style="border-top: 1px solid #2196f3;">
																	<h2 style="color: #2196f3;">应用</h2>
																	<div class="item-list">
																		<ul class="item-list-ul">
																			<li>
																				<h4>2017金米奖</h4>
																				<p class="descs">最优秀的应用和游戏</p>
																				<p class="prices"></p>
																				<div>
																					<img src="img/3332da7d-4056-4694-9548-c83b7b3af7d3.png" alt="" />
																				</div>
																			</li>
																		</ul>
																	</div>
																	<div class="xm-pagers-wrapper clearfix">
																		<ul>
																			<li class="pager-active"><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																			<li><span></span></li>
																		</ul>
																	</div>
																</li>
															</ul>
														</div>
													</div>
													<!--视频-->
													<div>
														<div class="video-hd">
															<h2>视频</h2>
															<div class="video-hd-right">
																<a href="#">查看全部<i class="fa fa-angle-right fa-lg"></i></a>
															</div>
														</div>
														<div class="video-db">
															<ul>
																<li>
																	<div class="video-img">
																		<a href="">
																			<img src="img/17a25056-f173-4c23-a09a-8762550114dd.jpg" alt="" />
																			<i class="fa fa-caret-right fa-lg"></i>
																		</a>
																	</div>
																	<h3><a href="#">小米之家里发生了一件怪事</a></h3>
																	<p>World Order星机械人受邀访问地球</p>
																</li>
																<li>
																	<div class="video-img">
																		<a href="">
																			<img src="img/54c8d6f8-8a81-4853-8b19-857b77fac410.jpg" alt="" />
																			<i class="fa fa-caret-right fa-lg"></i>
																		</a>
																	</div>
																	<h3><a href="#">小米MIX 概念手机背后的故事</a></h3>
																	<p>雷总亲自讲述小米MIX 的诞生</p>
																</li>
																<li>
																	<div class="video-img">
																		<a href="">
																			<img src="img/ffc09bd8-b0d6-4ebd-a9e0-6558f79e12de.jpg" alt="" />
																			<i class="fa fa-caret-right fa-lg"></i>
																		</a>
																	</div>
																	<h3><a href="#">一面科技，一面艺术</a></h3>
																	<p>梁朝伟讲述双面人生</p>
																</li>
																<li>
																	<div class="video-img">
																		<a href="">
																			<img src="img/142d2baf-f41e-482b-b2dc-96d34695ddc6 (1).jpg" alt="" />
																			<i class="fa fa-caret-right fa-lg"></i>
																		</a>
																	</div>
																	<h3><a href="#">小米MIX手机设计哲学</a></h3>
																	<p>小米MIX手机设计哲学</p>
																</li>
															</ul>
														</div>
													</div>
										</div>
									</div>
									<footer>
										<div>
											<div class="cont">
												<div class="footer-service clearfix">
													<ul class="list-service clearfix">
														<li>
															<a href=""><i class="iconfont"></i>预约维修服务</a>
														</li>
														<li>
															<a href=""><i class="iconfont"></i>7天无理由退货</a>
														</li>
														<li>
															<a href=""><i class="iconfont"></i>15天免费换货</a>
														</li>
														<li>
															<a href=""><i class="iconfont"></i>满150元包邮</a>
														</li>
														<li>
															<a href=""><i class="iconfont"></i>520余家售后网点</a>
														</li>
													</ul>
												</div>
												<div class="footer-links clearfix">
													<dl>
														<dt>帮助中心</dt>
														<dd>
															<a href="">账户管理</a>
														</dd>
														<dd>
															<a href="">购物指南</a>
														</dd>
														<dd>
															<a href="">订单操作</a>
														</dd>
													</dl>
													<dl>
														<dt>服务支持</dt>
														<dd>
															<a href="">售后政策</a>
														</dd>
														<dd>
															<a href="">自助服务</a>
														</dd>
														<dd>
															<a href="">相关下载</a>
														</dd>
													</dl>
													<dl>
														<dt>线下门店</dt>
														<dd>
															<a href="">小米之家</a>
														</dd>
														<dd>
															<a href="">服务网点</a>
														</dd>
														<dd>
															<a href="">零售网点</a>
														</dd>
													</dl>
													<dl>
														<dt>关于小米</dt>
														<dd>
															<a href="">了解小米</a>
														</dd>
														<dd>
															<a href="">加入小米</a>
														</dd>
														<dd>
															<a href="">联系我们</a>
														</dd>
													</dl>
													<dl>
														<dt>关注我们</dt>
														<dd>
															<a href="">新浪微博</a>
														</dd>
														<dd>
															<a href="">小米部落</a>
														</dd>
														<dd>
															<a href="">官方微信</a>
														</dd>
													</dl>
													<dl>
														<dt>特色服务</dt>
														<dd>
															<a href="">F 码通道</a>
														</dd>
														<dd>
															<a href="">礼物码</a>
														</dd>
														<dd>
															<a href="">防伪查询</a>
														</dd>
													</dl>
													<div class="footer-links-right">
														<p>400-100-5678</p>
														<p>周一至周日 8:00-18:00<br />（仅收市话费）</p>
														<a href=""><i class="iconfont"></i> 24小时在线客服</a>
													</div>
												</div>
											</div>
										</div>
										<div class="site-info">
											<div class="cont">
												<div class="container clearfix">
													<div class="logo-ir">
														
													</div>
													<div class="info-text">
														<p class="info-sites">
															<a href="#">小米商城</a>
															<span class="sep">|</span>
															<a href="#">MIUI</a>
															<span class="sep">|</span>
															<a href="#">米聊</a>
															<span class="sep">|</span>
															<a href="#">游戏</a>
															<span class="sep">|</span>
															<a href="#">多看阅读</a>
															<span class="sep">|</span>
															<a href="#">云服务</a>
															<span class="sep">|</span>
															<a href="#">金融</a>
															<span class="sep">|</span>
															<a href="#">小米商城移动版</a>
															<span class="sep">|</span>
															<a href="#">问题反馈</a>
															<span class="sep">|</span>
															<a href="#">Select Region</a>
														</p>
														<p>
															©
															<a href="//www.mi.com/" target="_blank" title="mi.com" data-stat-id="836cacd9ca5b75dd" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-836cacd9ca5b75dd', '//www.mi.com/', 'pcpid']);">mi.com</a> 京ICP证110507号
															<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow" data-stat-id="f96685804376361a" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-f96685804376361a', 'http://www.miitbeian.gov.cn/', 'pcpid']);">京ICP备10046444号</a>
															<a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank" data-stat-id="57efc92272d4336b" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-57efc92272d4336b', 'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134', 'pcpid']);">京公网安备11010802020134号 </a>
															<a rel="nofollow" href="//c1.mifile.cn/f/i/2013/cn/jingwangwen.jpg" target="_blank" data-stat-id="c5f81675b79eb130" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-c5f81675b79eb130', '//c1.mifile.cn/f/i/2013/cn/jingwangwen.jpg', 'pcpid']);">京网文[2014]0059-0009号</a>

															<br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
														</p>
													</div>
													<div class="info-links">
														<a rel="nofollow" href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn" target="_blank" data-stat-id="de920be99941f792" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-de920be99941f792', '//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn', 'pcpid']);"><img rel="nofollow" src="//privacy-policy.truste.com/privacy-seal/seal?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8" alt="TRUSTe Privacy Certification"></a>
													<a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank" data-stat-id="d44905018f8d7096" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-d44905018f8d7096', '//search.szfw.org/cert/l/CX20120926001783002010', 'pcpid']);"><img rel="nofollow" src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a>
													<a rel="nofollow" href="https://ss.knet.cn/verifyseal.dll?sn=e12033011010015771301369&amp;ct=df&amp;pa=461082" target="_blank" data-stat-id="3e1533699f264eac" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-3e1533699f264eac', 'https://ss.knet.cn/verifyseal.dll?sn=e12033011010015771301369&amp;ct=df&amp;pa=461082', 'pcpid']);"><img rel="nofollow" src="//s01.mifile.cn/i/v-logo-1.png" alt="可信网站"></a>
													<a rel="nofollow" href="http://www.315online.com.cn/member/315140007.html" target="_blank" data-stat-id="b085e50c7ec83104" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-b085e50c7ec83104', 'http://www.315online.com.cn/member/315140007.html', 'pcpid']);"><img rel="nofollow" src="//s01.mifile.cn/i/v-logo-3.png" alt="网上交易保障中心"></a>
													</div>
												</div>
												<div class="slogan-ir">
													探索黑科技，小米为发烧而生
												</div>
											</div>
										</div>
									</footer>
	</body>
	<script type="text/javascript">
		$(function() {　
			$('#shop').hover(function() {
				$('#shop-ri').css("display", "block");
			}, function() {
				$('#shop-ri').css("display", "none");
			});
			$('.hide').hover(function() {
				$('.header-hide').css("display", "block");
				var t = $(this).index();
				$('.header-hide ul').eq(t).css("display", "block");
			}, function() {
				$('.header-hide').css("display", "none");
				var t = $(this).index();
				$('.header-hide ul').eq(t).css("display", "none");
			});

			$('.site-li').hover(function() {
				$(this).find('.category-item').css("display", "block");
				var t = $(this).index();
				$('.category-item ul').eq(t).css("display", "block");
			}, function() {
				$('.category-item').css("display", "none");
				var t = $(this).index();
				$('.category-item ul').eq(t).css("display", "none");
			});
			// 记录图片的索引，初始是第一张
			var index = 0;

			// 自动播放图片
			var timer = setInterval(nextImg, 1000);

			// 下一张图
			function nextImg() {
				index = index == $('.content .pic a').length - 1 ? 0 : index + 1;
				showImg();
			}
			// 上一张图
			function prevImg() {
				index = index == 0 ? $('.content .pic a').length - 1 : index - 1;
				showImg();
			}

			function showImg() {
				$('.content .pic a')
					.eq(index).show()
					.siblings().hide();
				$('.content .indicator span')
					.eq(index).addClass('active')
					.siblings().removeClass('active');
			}

			// 手动切换
			$('.content .indicator span').hover(function() {
				clearInterval(timer);

				index = $(this).index();
				showImg();
			}, function() {
				timer = setInterval(nextImg, 1000);
			});

			// 点击切换上一张/下一张
			$('.content .page span').hover(function() {
				clearInterval(timer);
			}, function() {
				timer = setInterval(nextImg, 1000);
			});
			// 上一张
			$('.content .page .prev').click(function() {
				prevImg();
			});
			// 下一张
			$('.content .page .next').click(function() {
				nextImg();
			});　　

			$(".on-left").click(function() {
				$(".xm-carousel-list").animate({
					right: '1240px'
				}, 500);
			});
			$(".on-right").click(function() {
				$(".xm-carousel-list").animate({
					left: '0px'
				}, 500);
			});
		});
	</script>

</html>